<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>视频详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<style>
			*{
				padding: 0px;
				border: 0px;
				margin: 0px;
				font-family: "黑体";
			}
			
			#video-desc img{
				width: 100%;
			}
			
			#video-desc p{
				font-size: 15px;
				line-height: 170%;
				color: #303030;
				word-spacing:8px; 
				letter-spacing: 1px;
				font-family: "黑体";
				margin-top: 24px;
				text-align:justify;
				text-justify:inter-ideograph;
			}
		</style>

		<script src="../../js/mui.min.js"></script>
		<script src="../../js/utils/http.utils.js"></script>
		<script src="../../js/bus/pubfun.js"></script>
		<script type="text/javascript">
			//var $videoHref = window.location.href;
			//var $vid_href = $videoHref.split("?vid=");
			var $vid = getQueryString(window.location.search, "vid");
			//$vid_href[1];
			
			function fun_loadVideoD() {
				
				mui.ajax({
					url: $request_url.getVideoInfo,
					type: "get",
					dataType: "json",
					headers: {
						"Authorization": $headers_authorization
					},
					data: {
						id: $vid
					},
					success: function(dat) {
						if(dat.code == 0) {
							//var $videoUrl = dat.result.url;
							//$videoUrl = $videoUrl.replace('360','240').replace('640','100%');
							//document.getElementById("dv-meb-video").innerHTML = '<embed id="emb_video" style="width:100%;" src="' + dat.result.url + '" allowFullScreen="true" quality="high" align="middle" allowScriptAccess="always" height="360"></embed>';
							//document.getElementById("mediaframe").src = $videoUrl;
							document.getElementById("videotitle").innerHTML = dat.result.title;
							document.getElementById("videoAuthor").innerHTML = dat.result.origin;
							document.getElementById("videoPageviews").innerHTML = '<img src="../../img/jzkt/yanjing_03.png" style="width:16px;">&nbsp;'+ dat.result.readCount;
							document.getElementById("video-desc").innerHTML = dat.result.content;
						}
					},
					error: function(err) {
						mui.toast("服务繁忙....");
					}
				});
			}

			window.onload = function() {
				fun_loadVideoD();
			}
		</script>
	</head>

	<body style="background-color: white; width: 100%;">
		<!--<header id="header" class="mui-bar mui-bar-transparent">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">导航栏</h1>
		</header>-->

		<div class="mui-content" style="width: 100%; background-color: white;">
			<!--<img id="img1" src="../images/yuantiao.jpg" />-->
			<div id="slider" style="margin-top: 5px;">
				
				<div style="margin-top: 10px; margin: 2px 20px 2px 20px;">
					<span id="videotitle" style="font-size: 17px; line-height: 130%; color: #303030;">
					</span>
				</div>
				
				<div style="font-size: 16px; color: #909090; margin: 8px 20px 2px 20px;">
					<div id="videoAuthor" style="float: left;"></div>
					<div style="float: right;" id="videoPageviews"></div>
					<!--<span style="float: right; margin-right: 20px;"><img src="../../img/jzkt/pingluntubiao_03.png"></span>-->
				</div><br />
				
				<div style="font-size: 16px; line-height: 170%; color: #909090; margin: 2px 20px 2px 20px;" id="video-desc" >
					
				</div>
			</div>
			
		</div>

	</body>

	<script>
		mui.init();
	</script>

</html>